﻿<!DOCTYPE html>
<html>
    
    <style type="text/css">
        .logo{
            background-image: url('Content/img/image002.png');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }       
    </style>

    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.10.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("~/Scripts/modernizr-1.7.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.js")"></script>
        <script type="text/javascript" src="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("~/Scripts/ScrollPage/ScrollPage.js")"></script>
        <link rel="stylesheet" href="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap.css")" media="screen" type="text/css" />
        <link rel="stylesheet" href="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap-theme.css")"  media="screen" type="text/css" />
        <link type="text/css"  href="@Url.Content("~/Content/menu.css")" rel="stylesheet"/>
        <link type="text/css"  href="@Url.Content("~/Content/fonts/ScrollPage/ScrollPage.css")" rel="stylesheet"/>
    </head>
    <body>
        <div id="wrap">
            <header class="masthead">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6 logo">
                            <h1>
                                <a href="#" title="Bootstrap Template">Happy Scroll</a>
                                <p class="lead">{A Bootstrap Template}</p>
                            </h1>
                        </div>
                        <div class="col-sm-6">
                            <div class="pull-right  hidden-xs">    
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><h3><i class="glyphicon glyphicon-cog"></i></h3></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i> Link</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-user"></i> Link</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-lock"></i> Link</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-cog"></i> Link</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <div class="navbar navbar-custom navbar-inverse navbar-static-top" id="nav">
                <div class="container">
                    <div class="navbar-header">
                        <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span
                                                                                                           class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                        </a>
                    </div>
                    <div class="navbar-collapse collapse" id="navbar">
                        <ul class="nav navbar-nav">
                            <li>@Html.ActionLink("HOME", "Index", "Home")</li>
                            <li>@Html.ActionLink("PRODUTOS", "Produtos", "Home")</li>
                            <li><a>VENDA DE ACESSÓRIOS</a> </li>
                            <li><a>FORNECEDORES</a> </li>
                            <li><a>SOBRE</a> </li>
                            <li>@Html.ActionLink("CONTATO", "Contato", "Home")</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="container">
                <div id="banner" class="page-header">
                    <div class="row">
                        <div id="sidebar" class="col-xs-6 col-sm-3 sidebar-offcanvas" role="navigation">
                            <div id="divMenuLateral">
                            </div>
                        </div>
                        <div class="col-lg-12">
                            @RenderBody()
                        </div>
                    </div>
                </div>
            </div>
            <footer>
                <div class="row">
                    <div class="col-lg-12">
                        <p class="text-primary" style="text-align: center">LOCADORA ORION - 2014</p>
                        <p class="text-center">
                            Avenida Paulo Emanuel de Almeida, 868<br />
                            Wanel Ville - Sorocaba / SP<br />
                            CEP: 18053-505
                        </p>
                    </div>
                </div>
            </footer>
            <ul class="nav pull-right scroll-top">
                <li><a href="#" title="Scroll to top"><i class="glyphicon glyphicon-chevron-up"></i>
                    </a></li>
            </ul>
        </div>
    </body>
</html>
<script type="text/jscript">
    $(function () {
        if ($("#divProdutos").length) {
            $.get('@Url.Action("MenuLateral", "Home")', function (data) {
                $("#divMenuLateral").html(data);
            });
        }
    });
</script>
